<template>
  <i
    class="maximize-icon cursor-pointer"
    :class="[isMaximize ? 'sv-icon-fullscreen-exit' : 'sv-icon-fullscreen']"
    :title="isMaximize ? '退出全屏' : '最大化'"
    @click="changeMaximize"
  ></i>
</template>

<script setup>
import { storeToRefs } from 'pinia'
import { useThemeStore } from '@/stores/theme'

const themeStore = useThemeStore()
const { isMaximize } = storeToRefs(themeStore)

function changeMaximize() {
  isMaximize.value = !isMaximize.value
}
</script>

<style lang="scss" scoped>
.maximize-icon {
}
</style>
